﻿<!DOCTYPE html>
<html>
<head>
    <base href="http://{$domain}/static/"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>用户登录</title>
    <meta charset="utf-8" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="full-screen" content="true" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <link href="assets/vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/vendors/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="assets/vendors/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />


    <link href="assets/vendors/animate.css/animate.css" rel="stylesheet" />
    <link href="assets/vendors/fonts/flaticon/css/flaticon.css" rel="stylesheet" />
    <link href="assets/vendors/fonts/fontawesome5/css/all.css" rel="stylesheet" />
    <link href="assets/vendors/fonts/line-awesome/css/line-awesome.min.css" rel="stylesheet" />

    <link href="assets/css/app.css" rel="stylesheet" />
    <link href="assets/css/dark-theme.css" rel="stylesheet" />

    <script src="assets/js/jquery/jquery.min.js"></script>
    <script src="assets/js/jquery.easing/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.cookie.js"></script>

    <script src="assets/vendors/bootstrap/js/bootstrap.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>

    <style>
        input {
            user-select: text;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
        }
    </style>

</head>

<body>
    <div class="login">
        <div class="col-md-12">
            <div class="title pull-left">
                <p class="cn">智能云镜</p>
                <p class="summary">山东云翔智能云镜行车记录仪管理后台</p>
            </div>

            <div>
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"  data-type="1">管理员登录</a></li>
                    <li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"  data-type="2">代理商登录</a></li>
                    <!--<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">管理员登录</a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">代理商登录</a></li>-->
                </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <!--管理员登录-->
                        <form class="form-horizontal active" id="userLogin">
                            <input type="hidden" id="type" value="1">
                            <div class="form-group" >
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                                    <input type="text" class="form-control" id="userName" placeholder="用户名" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group col-md-12">
                                    <div class="input-group-addon"><i class="fa fa-lock"></i></div>
                                    <input type="password" class="form-control" id="password" placeholder="密码" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group col-md-6 col-xs-12 pull-left">
                                    <div class="input-group-addon"><i class="fa fa-shield-alt"></i></div>
                                    <input type="text" class="form-control" id="captcha" placeholder="图形验证码" required>
                                </div>
                                <div class="col-md-6 col-xs-12 pull-left text-center" id="captcha-img">
                                    <canvas width="100" height="42" id="verifyCanvas"></canvas>
                                    <img id="code_img">
                                </div>
                            </div>
                            <!--<div class="form-group">
                                <div class="input-group col-xs-6 pull-left">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 记住我
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-6 pull-left text-right ">
                                    <a href="javascripts:;" id="find-password" class="text-success">忘记密码?</a>
                                </div>
                            </div>-->
                            <div class="form-group">
                                <div class="">
                                    <a id="loginBtn" class="btn btn-primary btn-block">登录</a>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--<div role="tabpanel" class="tab-pane" id="profile">
                        &lt;!&ndash;代理商登录&ndash;&gt;
                        <form class="form-horizontal" id="agentLogin">
                            <div class="form-group" >
                                <div class="input-group">
                                    <div class="input-group-addon"><i class="fa fa-user"></i></div>
                                    <input type="text" class="form-control" id="name" placeholder="用户名" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group col-md-12">
                                    <div class="input-group-addon"><i class="fa fa-lock"></i></div>
                                    <input type="password" class="form-control" id="password2" placeholder="密码" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group col-md-6 col-xs-12 pull-left">
                                    <div class="input-group-addon"><i class="fa fa-shield-alt"></i></div>
                                    <input type="text" class="form-control" id="captcha2" placeholder="图形验证码" required>
                                </div>
                                <div class="col-md-6 col-xs-12 pull-left text-center" id="captcha-img2">
                                    <canvas width="100" height="35" id="verifyCanvas2"></canvas>
                                    <img id="code_img2">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group col-xs-6 pull-left">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox"> 记住我
                                        </label>
                                    </div>
                                </div>
                                <div class="col-xs-6 pull-left text-right ">
                                    <a href="javascripts:;" id="find-password2" class="text-success">忘记密码?</a>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="">
                                    <a id="loginBtn2" class="btn btn-primary btn-block">登录</a>
                                </div>
                            </div>
                        </form>
                    </div>-->

                </div>
                <script>
                    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                        //console.log(e.target); // newly activated tab
                        //console.log(e.relatedTarget)  ;// previous active tab
                        var type = $(this).data('type');
                        $("#type").val(type);
                        //console.log(type);

                    });
                </script>

            </div>


            <div class="messager col-md-12 pull-left"></div>
        </div>

    </div>

    <script src="assets/js/login.js"></script>
</body>

</html>